Cloned project from portfolio-go and coded initial layout

James Peret 8 years ago
parent
commit
5891b57592
100 changed files with 136 additions and 561 deletions
  1. BIN
      app/content/images/A3.jpg
  2. BIN
      app/content/images/argila-1.jpg
  3. BIN
      app/content/images/argila-2.jpg
  4. BIN
      app/content/images/argila-3.jpg
  5. BIN
      app/content/images/argila-4.jpg
  6. BIN
      app/content/images/argila-5.jpg
  7. BIN
      app/content/images/argila-6.jpg
  8. BIN
      app/content/images/artesanato-literario.jpg
  9. BIN
      app/content/images/bologramas-01.jpg
  10. BIN
      app/content/images/bologramas-02.jpg
  11. BIN
      app/content/images/bologramas-03.jpg
  12. BIN
      app/content/images/bologramas-04.jpg
  13. BIN
      app/content/images/bologramas-05.jpg
  14. BIN
      app/content/images/bologramas-06.jpg
  15. BIN
      app/content/images/bologramas-07.jpg
  16. BIN
      app/content/images/bologramas-08.jpg
  17. BIN
      app/content/images/bologramas-09.jpg
  18. BIN
      app/content/images/bologramas-10.jpg
  19. BIN
      app/content/images/bologramas-11.jpg
  20. BIN
      app/content/images/bologramas-12.jpg
  21. BIN
      app/content/images/bologramas-13.jpg
  22. BIN
      app/content/images/caligramas-1.jpg
  23. BIN
      app/content/images/caligramas-2.jpg
  24. BIN
      app/content/images/caligramas-3.jpg
  25. BIN
      app/content/images/caligramas-4.jpg
  26. BIN
      app/content/images/caligramas-5.jpg
  27. BIN
      app/content/images/caligramas-6.jpg
  28. BIN
      app/content/images/caligramas-7.jpg
  29. BIN
      app/content/images/caligramas-8.jpg
  30. BIN
      app/content/images/cave-1.jpg
  31. BIN
      app/content/images/cave-2.jpg
  32. BIN
      app/content/images/cave-3.jpg
  33. BIN
      app/content/images/dois-grafonautas.jpg
  34. BIN
      app/content/images/escultura_01.jpg
  35. BIN
      app/content/images/esculturas-carvao-1.jpg
  36. BIN
      app/content/images/esculturas-carvao-2.jpg
  37. BIN
      app/content/images/esculturas-carvao-3.jpg
  38. BIN
      app/content/images/esculturas-carvao-4.jpg
  39. BIN
      app/content/images/figuras-01.jpg
  40. BIN
      app/content/images/figuras-02.jpg
  41. BIN
      app/content/images/figuras-03.jpg
  42. BIN
      app/content/images/figuras-04.jpg
  43. BIN
      app/content/images/figuras-05.jpg
  44. BIN
      app/content/images/figuras-06.jpg
  45. BIN
      app/content/images/figuras-07.jpg
  46. BIN
      app/content/images/figuras-08.jpg
  47. BIN
      app/content/images/figuras-09.jpg
  48. BIN
      app/content/images/figuras-10.jpg
  49. BIN
      app/content/images/figuras-11.jpg
  50. BIN
      app/content/images/figuras-12.jpg
  51. BIN
      app/content/images/go-e-arnaldo-1.jpg
  52. BIN
      app/content/images/go-e-arnaldo-2.jpg
  53. BIN
      app/content/images/james_peret_logo_black.png
  54. BIN
      app/content/images/jt-brum.jpg
  55. BIN
      app/content/images/lirismo-a-ironia.jpg
  56. BIN
      app/content/images/parece-mas-e.jpg
  57. BIN
      app/content/images/parece-mas-nao-e.jpg
  58. BIN
      app/content/images/quadrinho-01.jpg
  59. BIN
      app/content/images/quadrinho-02.jpg
  60. BIN
      app/content/images/quadrinho-03.jpg
  61. BIN
      app/content/images/quadrinho-04.jpg
  62. BIN
      app/content/images/relevos-01.jpg
  63. BIN
      app/content/images/relevos-02.jpg
  64. BIN
      app/content/images/relevos-03.jpg
  65. BIN
      app/content/images/relevos-04.jpg
  66. BIN
      app/content/images/relevos-05.jpg
  67. BIN
      app/content/images/relevos-06.jpg
  68. BIN
      app/content/images/relevos-07.jpg
  69. BIN
      app/content/images/sono-01.jpg
  70. BIN
      app/content/images/sono-02.jpg
  71. BIN
      app/content/images/sono-03.jpg
  72. BIN
      app/content/images/sono-04.jpg
  73. BIN
      app/content/images/sono-05.jpg
  74. BIN
      app/content/images/sono-06.jpg
  75. BIN
      app/content/images/sono-07.jpg
  76. BIN
      app/content/images/sono-08.jpg
  77. BIN
      app/content/images/sono-09.jpg
  78. BIN
      app/content/images/sono-10.jpg
  79. BIN
      app/content/images/sono-11.jpg
  80. BIN
      app/content/images/trifonia-01.png
  81. BIN
      app/content/images/triptico.jpg
  82. BIN
      app/content/images/york-cathedral-1.jpg
  83. BIN
      app/content/images/york-cathedral-2.jpg
  84. BIN
      app/content/images/york-cathedral-3.jpg
  85. BIN
      app/content/videos/anim_01.mov
  86. BIN
      app/content/videos/bg_1.mov
  87. BIN
      app/content/videos/bg_1_old.mov
  88. BIN
      app/content/videos/bg_2.mov
  89. BIN
      app/content/videos/bg_3.mov
  90. BIN
      app/content/videos/bg_4.mov
  91. BIN
      app/content/videos/bg_5.mov
  92. BIN
      app/content/videos/bg_6.mov
  93. BIN
      app/content/videos/bg_7.mov
  94. 33 505
      app/data.json
  95. 6 14
      app/index.html
  96. 1 1
      app/scripts/app.js
  97. 62 21
      app/scripts/controllers/background.js
  98. 8 0
      app/scripts/controllers/navigation.js
  99. 15 14
      app/styles/main.css
  100. 11 6
      readme.md

BIN
app/content/images/A3.jpg


BIN
app/content/images/argila-1.jpg


BIN
app/content/images/argila-2.jpg


BIN
app/content/images/argila-3.jpg


BIN
app/content/images/argila-4.jpg


BIN
app/content/images/argila-5.jpg


BIN
app/content/images/argila-6.jpg


BIN
app/content/images/artesanato-literario.jpg


BIN
app/content/images/bologramas-01.jpg


BIN
app/content/images/bologramas-02.jpg


BIN
app/content/images/bologramas-03.jpg


BIN
app/content/images/bologramas-04.jpg


BIN
app/content/images/bologramas-05.jpg


BIN
app/content/images/bologramas-06.jpg


BIN
app/content/images/bologramas-07.jpg


BIN
app/content/images/bologramas-08.jpg


BIN
app/content/images/bologramas-09.jpg


BIN
app/content/images/bologramas-10.jpg


BIN
app/content/images/bologramas-11.jpg


BIN
app/content/images/bologramas-12.jpg


BIN
app/content/images/bologramas-13.jpg


BIN
app/content/images/caligramas-1.jpg


BIN
app/content/images/caligramas-2.jpg


BIN
app/content/images/caligramas-3.jpg


BIN
app/content/images/caligramas-4.jpg


BIN
app/content/images/caligramas-5.jpg


BIN
app/content/images/caligramas-6.jpg


BIN
app/content/images/caligramas-7.jpg


BIN
app/content/images/caligramas-8.jpg


BIN
app/content/images/cave-1.jpg


BIN
app/content/images/cave-2.jpg


BIN
app/content/images/cave-3.jpg


BIN
app/content/images/dois-grafonautas.jpg


BIN
app/content/images/escultura_01.jpg


BIN
app/content/images/esculturas-carvao-1.jpg


BIN
app/content/images/esculturas-carvao-2.jpg


BIN
app/content/images/esculturas-carvao-3.jpg


BIN
app/content/images/esculturas-carvao-4.jpg


BIN
app/content/images/figuras-01.jpg


BIN
app/content/images/figuras-02.jpg


BIN
app/content/images/figuras-03.jpg


BIN
app/content/images/figuras-04.jpg


BIN
app/content/images/figuras-05.jpg


BIN
app/content/images/figuras-06.jpg


BIN
app/content/images/figuras-07.jpg


BIN
app/content/images/figuras-08.jpg


BIN
app/content/images/figuras-09.jpg


BIN
app/content/images/figuras-10.jpg


BIN
app/content/images/figuras-11.jpg


BIN
app/content/images/figuras-12.jpg


BIN
app/content/images/go-e-arnaldo-1.jpg


BIN
app/content/images/go-e-arnaldo-2.jpg


BIN
app/content/images/james_peret_logo_black.png


BIN
app/content/images/jt-brum.jpg


BIN
app/content/images/lirismo-a-ironia.jpg


BIN
app/content/images/parece-mas-e.jpg


BIN
app/content/images/parece-mas-nao-e.jpg


BIN
app/content/images/quadrinho-01.jpg


BIN
app/content/images/quadrinho-02.jpg


BIN
app/content/images/quadrinho-03.jpg


BIN
app/content/images/quadrinho-04.jpg


BIN
app/content/images/relevos-01.jpg


BIN
app/content/images/relevos-02.jpg


BIN
app/content/images/relevos-03.jpg


BIN
app/content/images/relevos-04.jpg


BIN
app/content/images/relevos-05.jpg


BIN
app/content/images/relevos-06.jpg


BIN
app/content/images/relevos-07.jpg


BIN
app/content/images/sono-01.jpg


BIN
app/content/images/sono-02.jpg


BIN
app/content/images/sono-03.jpg


BIN
app/content/images/sono-04.jpg


BIN
app/content/images/sono-05.jpg


BIN
app/content/images/sono-06.jpg


BIN
app/content/images/sono-07.jpg


BIN
app/content/images/sono-08.jpg


BIN
app/content/images/sono-09.jpg


BIN
app/content/images/sono-10.jpg


BIN
app/content/images/sono-11.jpg


BIN
app/content/images/trifonia-01.png


BIN
app/content/images/triptico.jpg


BIN
app/content/images/york-cathedral-1.jpg


BIN
app/content/images/york-cathedral-2.jpg


BIN
app/content/images/york-cathedral-3.jpg


BIN
app/content/videos/anim_01.mov


BIN
app/content/videos/bg_1.mov


BIN
app/content/videos/bg_1_old.mov


BIN
app/content/videos/bg_2.mov


BIN
app/content/videos/bg_3.mov


BIN
app/content/videos/bg_4.mov


BIN
app/content/videos/bg_5.mov


BIN
app/content/videos/bg_6.mov


BIN
app/content/videos/bg_7.mov


+ 33 - 505
app/data.json

@@ -4,525 +4,53 @@
4 4
   [
5 5
     "content/videos/bg_1.mov",
6 6
     "content/videos/bg_2.mov",
7
-    "content/videos/bg_5.mov",
8
-    "content/videos/bg_5.mov",
9
-    "content/videos/bg_6.mov",
10
-    "content/videos/bg_7.mov"
7
+    "content/videos/bg_3.mov",
8
+    "content/videos/bg_4.mov",
9
+    "content/videos/bg_5.mov"
11 10
   ],
12 11
 	"navigation" :
13 12
   [
14 13
     {
15
-      "title"   : "Desenhos",
16
-      "link"    : "submenu",
17
-      "submenu" :
18
-      [
19
-        {
20
-          "title"   : "Caligramas",
21
-          "link"    : "/slideshow/caligramas",
22
-          "slides"  :
23
-          [
24
-            {
25
-              "title" : "Caligrama 1",
26
-              "url"   : "content/images/caligramas-1.jpg"
27
-            },
28
-            {
29
-              "title" : "Caligrama 2",
30
-              "url"   : "content/images/caligramas-2.jpg"
31
-            },
32
-            {
33
-              "title" : "Caligrama 3",
34
-              "url"   : "content/images/caligramas-3.jpg"
35
-            },
36
-            {
37
-              "title" : "Caligrama 4",
38
-              "url"   : "content/images/caligramas-4.jpg"
39
-            },
40
-            {
41
-              "title" : "Caligrama 5",
42
-              "url"   : "content/images/caligramas-5.jpg"
43
-            },
44
-            {
45
-              "title" : "Caligrama 6",
46
-              "url"   : "content/images/caligramas-6.jpg"
47
-            },
48
-            {
49
-              "title" : "Caligrama 7",
50
-              "url"   : "content/images/caligramas-7.jpg"
51
-            },
52
-            {
53
-              "title" : "Caligrama 8",
54
-              "url"   : "content/images/caligramas-8.jpg"
55
-            }
56
-          ]
57
-        },
58
-        {
59
-          "title"   : "Figuras",
60
-          "link"    : "/slideshow/figuras",
61
-          "slides"  :
62
-          [
63
-            {
64
-              "title" : "Figura 1",
65
-              "url"   : "content/images/figuras-01.jpg"
66
-            },
67
-            {
68
-              "title" : "Figura 2",
69
-              "url"   : "content/images/figuras-02.jpg"
70
-            },
71
-            {
72
-              "title" : "Figura 3",
73
-              "url"   : "content/images/figuras-03.jpg"
74
-            },
75
-            {
76
-              "title" : "Figura 4",
77
-              "url"   : "content/images/figuras-04.jpg"
78
-            },
79
-            {
80
-              "title" : "Figura 5",
81
-              "url"   : "content/images/figuras-05.jpg"
82
-            },
83
-            {
84
-              "title" : "Figura 6",
85
-              "url"   : "content/images/figuras-06.jpg"
86
-            },
87
-            {
88
-              "title" : "Figura 7",
89
-              "url"   : "content/images/figuras-07.jpg"
90
-            },
91
-            {
92
-              "title" : "Figura 8",
93
-              "url"   : "content/images/figuras-08.jpg"
94
-            },
95
-            {
96
-              "title" : "Figura 9",
97
-              "url"   : "content/images/figuras-09.jpg"
98
-            },
99
-            {
100
-              "title" : "Figura 10",
101
-              "url"   : "content/images/figuras-10.jpg"
102
-            },
103
-            {
104
-              "title" : "Figura 11",
105
-              "url"   : "content/images/figuras-11.jpg"
106
-            },
107
-            {
108
-              "title" : "Figura 12",
109
-              "url"   : "content/images/figuras-12.jpg"
110
-            }
111
-          ]
112
-        },
113
-        {
114
-          "title"   : "Cadernos",
115
-          "link"    : "submenu",
116
-          "submenu" :
117
-          [
118
-            {
119
-              "title"   : "York Cathedral",
120
-              "link"    : "/slideshow/york-cathedral",
121
-              "slides"  :
122
-              [
123
-                {
124
-                  "title" : "York Cathedral 1",
125
-                  "url"   : "content/images/york-cathedral-1.jpg"
126
-                },
127
-                {
128
-                  "title" : "York Cathedral 2",
129
-                  "url"   : "content/images/york-cathedral-2.jpg"
130
-                },
131
-                {
132
-                  "title" : "York Cathedral 3",
133
-                  "url"   : "content/images/york-cathedral-3.jpg"
134
-                }
135
-              ]
136
-            },
137
-            {
138
-              "title"   : "Bologramas",
139
-              "link"    : "/slideshow/bologramas",
140
-              "slides"  :
141
-              [
142
-                {
143
-                  "title" : "Caderno Bologramas - Página 1",
144
-                  "url"   : "content/images/bologramas-01.jpg"
145
-                },
146
-                {
147
-                  "title" : "Caderno Bologramas - Página 2",
148
-                  "url"   : "content/images/bologramas-02.jpg"
149
-                },
150
-                {
151
-                  "title" : "Caderno Bologramas - Página 3",
152
-                  "url"   : "content/images/bologramas-03.jpg"
153
-                },
154
-                {
155
-                  "title" : "Caderno Bologramas - Página 4",
156
-                  "url"   : "content/images/bologramas-04.jpg"
157
-                },
158
-                {
159
-                  "title" : "Caderno Bologramas - Página 5",
160
-                  "url"   : "content/images/bologramas-05.jpg"
161
-                },
162
-                {
163
-                  "title" : "Caderno Bologramas - Página 6",
164
-                  "url"   : "content/images/bologramas-06.jpg"
165
-                },
166
-                {
167
-                  "title" : "Caderno Bologramas - Página 7",
168
-                  "url"   : "content/images/bologramas-07.jpg"
169
-                },
170
-                {
171
-                  "title" : "Caderno Bologramas - Página 8",
172
-                  "url"   : "content/images/bologramas-08.jpg"
173
-                },
174
-                {
175
-                  "title" : "Caderno Bologramas - Página 9",
176
-                  "url"   : "content/images/bologramas-09.jpg"
177
-                },
178
-                {
179
-                  "title" : "Caderno Bologramas - Página 10",
180
-                  "url"   : "content/images/bologramas-10.jpg"
181
-                },
182
-                {
183
-                  "title" : "Caderno Bologramas - Página 11",
184
-                  "url"   : "content/images/bologramas-11.jpg"
185
-                },
186
-                {
187
-                  "title" : "Caderno Bologramas - Página 12",
188
-                  "url"   : "content/images/bologramas-12.jpg"
189
-                },
190
-                {
191
-                  "title" : "Caderno Bologramas - Página 13",
192
-                  "url"   : "content/images/bologramas-13.jpg"
193
-                }
194
-              ]
195
-            },
196
-            {
197
-              "title"   : "Sarrafos & Garranchos",
198
-              "link"    : "/slideshow/sarrafos-e-garranchos",
199
-              "slides"  :
200
-              [
201
-                {
202
-                  "title" : "Sarrafos & Garranhcos - Página 1",
203
-                  "url"   : "content/images/quadrinho-01.jpg"
204
-                },
205
-                {
206
-                  "title" : "Sarrafos & Garranhcos - Página 2",
207
-                  "url"   : "content/images/quadrinho-02.jpg"
208
-                },
209
-                {
210
-                  "title" : "Sarrafos & Garranhcos - Página 3",
211
-                  "url"   : "content/images/quadrinho-03.jpg"
212
-                },
213
-                {
214
-                  "title" : "Sarrafos & Garranhcos - Página 4",
215
-                  "url"   : "content/images/quadrinho-04.jpg"
216
-                }
217
-              ]
218
-            }
219
-          ]
220
-        },
221
-        {
222
-          "title"   : "Caverna",
223
-          "link"    : "/slideshow/caverna",
224
-          "slides"  :
225
-          [
226
-            {
227
-              "title" : "cave *",
228
-              "url"   : "content/images/cave-1.jpg"
229
-            },
230
-            {
231
-              "title" : "cave w stalactites",
232
-              "url"   : "content/images/cave-2.jpg"
233
-            },
234
-            {
235
-              "title" : "cave ****",
236
-              "url"   : "content/images/cave-3.jpg"
237
-            }
238
-          ]
239
-        }
240
-      ]
241
-
14
+      "title"  : "Vitrine Endossa",
15
+      "link"   : "/portfolio/vitrine-endossa",
16
+      "content": "<p><span>Sobre o projeto vitrine endossa.<span></p>",
17
+      "bg_index" : 1
242 18
     },
243 19
     {
244
-      "title"   : "Esculturas",
245
-      "link"    : "submenu",
246
-      "submenu" :
247
-      [
248
-        {
249
-          "title" : "Figuras de Argila",
250
-          "link"  : "/slideshow/argila",
251
-          "slides"  :
252
-          [
253
-            {
254
-              "title" : "Escultura Cabeça (frente)",
255
-              "url"   : "content/images/argila-1.jpg"
256
-            },
257
-            {
258
-              "title" : "Escultura Cabeça (perfil)",
259
-              "url"   : "content/images/argila-2.jpg"
260
-            },
261
-            {
262
-              "title" : "Escultura Tal",
263
-              "url"   : "content/images/argila-3.jpg"
264
-            },
265
-            {
266
-              "title" : "Escultura Tal (costas)",
267
-              "url"   : "content/images/argila-4.jpg"
268
-            },
269
-            {
270
-              "title" : "Escultura Cabeça 2",
271
-              "url"   : "content/images/argila-5.jpg"
272
-            },
273
-            {
274
-              "title" : "Escultura Cabeça 3",
275
-              "url"   : "content/images/argila-6.jpg"
276
-            }
277
-          ]
278
-        },
279
-        {
280
-          "title" : "Carvão & Tule",
281
-          "link"  : "/slideshow/carvao-e-tule",
282
-          "slides"  :
283
-          [
284
-            {
285
-              "title" : "Carvão & Tule 1",
286
-              "url"   : "content/images/esculturas-carvao-1.jpg"
287
-            },
288
-            {
289
-              "title" : "Carvão & Tule 2",
290
-              "url"   : "content/images/esculturas-carvao-2.jpg"
291
-            },
292
-            {
293
-              "title" : "Carvão & Tule 3",
294
-              "url"   : "content/images/esculturas-carvao-3.jpg"
295
-            },
296
-            {
297
-              "title" : "Carvão & Tule 4",
298
-              "url"   : "content/images/esculturas-carvao-4.jpg"
299
-            }
300
-          ]
301
-        },
302
-        {
303
-          "title" : "Sono",
304
-          "link"  : "/slideshow/sono",
305
-          "slides"  :
306
-          [
307
-            {
308
-              "title" : "Sono",
309
-              "url"   : "content/images/sono-01.jpg"
310
-            },
311
-            {
312
-              "title" : "Cut-out",
313
-              "url"   : "content/images/sono-02.jpg"
314
-            },
315
-            {
316
-              "title" : "Carbon Blue cut-out + Artista",
317
-              "url"   : "content/images/sono-03.jpg"
318
-            },
319
-            {
320
-              "title" : "Teste Cut Out",
321
-              "url"   : "content/images/sono-04.jpg"
322
-            },
323
-            {
324
-              "title" : "RED 1",
325
-              "url"   : "content/images/sono-05.jpg"
326
-            },
327
-            {
328
-              "title" : "RED 2",
329
-              "url"   : "content/images/sono-06.jpg"
330
-            },
331
-            {
332
-              "title" : "Sono 2",
333
-              "url"   : "content/images/sono-07.jpg"
334
-            },
335
-            {
336
-              "title" : "Peça Bibliográfica",
337
-              "url"   : "content/images/sono-08.jpg"
338
-            },
339
-            {
340
-              "title" : "Peça bibliográfica (frente)",
341
-              "url"   : "content/images/sono-09.jpg"
342
-            },
343
-            {
344
-              "title" : "Sono 3",
345
-              "url"   : "content/images/sono-10.jpg"
346
-            },
347
-            {
348
-              "title" : "Working",
349
-              "url"   : "content/images/sono-11.jpg"
350
-            }
351
-          ]
352
-        },
353
-        {
354
-          "title" : "Relevos",
355
-          "link"  : "/slideshow/relevos",
356
-          "slides"  :
357
-          [
358
-            {
359
-              "title" : "Relevos 1",
360
-              "url"   : "content/images/relevos-01.jpg"
361
-            },
362
-            {
363
-              "title" : "Relevos 2",
364
-              "url"   : "content/images/relevos-02.jpg"
365
-            },
366
-            {
367
-              "title" : "Relevos 3",
368
-              "url"   : "content/images/relevos-03.jpg"
369
-            },
370
-            {
371
-              "title" : "Relevos 4",
372
-              "url"   : "content/images/relevos-04.jpg"
373
-            },
374
-            {
375
-              "title" : "Relevos 5",
376
-              "url"   : "content/images/relevos-05.jpg"
377
-            },
378
-            {
379
-              "title" : "Relevos 6",
380
-              "url"   : "content/images/relevos-06.jpg"
381
-            },
382
-            {
383
-              "title" : "Relevos 7",
384
-              "url"   : "content/images/relevos-07.jpg"
385
-            }
386
-          ]
387
-        }
388
-      ]
20
+      "title"  : "Avalanche Network",
21
+      "link"   : "/portfolio/avalanche-network",
22
+      "content": "<p><span>Sobre o projeto Avalanche Network.<span></p>",
23
+      "bg_index" : 1
389 24
     },
390 25
     {
391
-      "title"  : "poemas",
392
-      "link"   : "submenu",
393
-      "submenu" :
394
-      [
395
-        {
396
-          "title"    : "A mínima noite",
397
-          "link"  : "/textos/a-minima-noite",
398
-          "content": "<p><span>A mínima noite</span><br><span>que de cada objeto parte</span><br><span>noite insular</span><br><span>objeto do tempo</span><br><span>pendurada ao momento</span><br><span>como se fosse</span><br><span>a própria sombra</span></p>"
399
-        },
400
-        {
401
-          "title"    : "Se a mão lança",
402
-          "link"  : "/textos/se-a-mao-lanca",
403
-          "content": "<p><span>Se a mão lança</span><br><span>no ar não fica</span><br><span>se a mão alcança</span><br><span>o que caiu</span></p>"
404
-        },
405
-        {
406
-          "title"    : "Tambores batem",
407
-          "link"  : "/textos/tambores-batem",
408
-          "content": "<div class=\"poem\"><p><span>Tambores batem</span><br><span>para que eu chegue à terra manchada alta</span><br><span>para que eu traga a lança manchada alta</span><br><span>e não desprenda os olhos do rio</span><br><span>de onde a história evapora</span></p><p><span>Tambores batem</span><br><span>para que eu ache a pedra manchada alta</span><br><span>para que eu sopre a fumaça manchada alta</span><br><span>e com os braços da fumaça eu lute</span><br><span>e com os dedos da fumaça eu trame</span><br><span>e com os olhos da fumaça mergulhe</span></p><p><span>pois nessa pedra se encaixarão pedras</span><br><span>nessa hora se encaixarão horas</span><br><span>nessas letras se encaixará o sol</span></p><p><span>Tambores batem</span><br><span>embaralham meus passos</span><br><span>com os passos do tigre manchado alto</span><br><span>para que eu caçe</span><br><span>cada vez a mesma caça</span><br><span>cada vez nova caça</span><br><span>cada vez</span></p><p><span>Tambores batem</span><br><span>embaralham meus passos</span><br><span>com os passos da rês manchada alta</span><br><span>para que eu paste</span><br><span>cada vez o mesmo pasto</span><br><span>cada vez novo pasto</span><br><span>cada vez</span></p><p><span>Tambores batem</span><br><span>embaralham meus passos</span><br><span>com os passos da lua manchada alta</span><br><span>para que eu sangre</span><br><span>cada vez o mesmo nome</span><br><span>cada vez novo nome</span><br><span>cada vez</span></p><p><span>Tambores batem</span><br><span>para que nem chamar eu possa</span><br><span>nem voltar eu possa</span><br><span>nem trocar eu possa</span><br><span>e então possa bastar</span></p><p><span>Tambores batem</span><br><span>para que nem soltar eu possa</span><br><span>nem sonhar eu possa</span><br><span>nem acordar eu possa</span><br><span>e então possa livrar</span></p><p><span>Como o salto</span><br><span>como o giro</span><br><span>como a espera</span><br><span>como o riso</span></p><p><span>Tambores batem</span><br><span>pé no passo</span><br><span>mão no gesto</span><br><span>cada vez o mesmo toque</span><br><span>cada vez novo toque</span><br><span>cada vez</span></p></div>"
409
-        },
410
-        {
411
-          "title"    : "O que nos move é o sono",
412
-          "link"  : "/textos/o-que-nos-move-e-o-sono",
413
-          "content": "<div class=\"white-bg-text-small\"><p>O que nos move é o sono,<br><span class=\"spacer\"></span>o sono distribuído em noites,<br><span class=\"spacer\"></span>as noites,<br><span class=\"spacer\"></span>distribuídas.<br><span class=\"spacer\"></span>Piscar das páginas <br><span class=\"spacer\"></span>no livro de pontos,<br><span class=\"spacer\"></span>onde calco a letra<br><span class=\"spacer\"></span>recombino os ecos.<br><span class=\"spacer\"></span>O que nos move: <br><span class=\"spacer\"></span>a fadiga,<br><span class=\"spacer\"></span>a fábula dos atos,<br><span class=\"spacer\"></span>transmitida,<br><span class=\"spacer\"></span>o girar da chave da noite<br><span class=\"spacer\"></span>quantas noites dure o sono,<br><span class=\"spacer\"></span>Quem respirar?</p></div>"
414
-        },
415
-        {
416
-          "title"    : "Alguém que assim falasse e que por anos conversasse como se içado por sua voz",
417
-          "link"  : "/textos/alguem-que-assim-falasse",
418
-          "content": "<div class=\"white-bg-text-big\"><p>Alguém que assim falasse, que por anos conversasse como se içado pela voz, como se ao falar trouxesse portas, camas, lanternas e tateando-os, encontrasse o horizonte pontual de suas extremidades e o estendesse. Alguém que assim falasse, de um modo secretamente aberto - as pausas, às vezes, demorando-se como fala, como se crescessem e vibrassem, caudalosas -, não ouvia o que falava como se fosse seu. Falava como se uma onda estourasse na praia e, ao estourar, já outra se formasse por onde aquela passara. Alguém que assim falasse, na densidade dócil de farol e sem enveredar por alguma conclusão, falava como se encontrar a palavra bastasse para continuar, fosse uma conclusão em si, cintilância. Um falante que tanto observasse e permanecesse que sua fala se tornasse praia onde abordassem portas, camas, lanternas, pausas, ecos, canções invertidas, falava… e, provavelmente, não se ouvia.</p></div>"
419
-        }
420
-      ]
26
+      "title"  : "Onda Solar",
27
+      "link"   : "/portfolio/onda-solar",
28
+      "content": "<p><span>Sobre o projeto Onda Solar.<span></p>",
29
+      "bg_index" : 3
421 30
     },
422 31
     {
423
-      "title"   : "filmes",
424
-      "link"    : "submenu",
425
-      "submenu" :
426
-      [
427
-        {
428
-          "title"    : "Trifonia",
429
-          "link"     : "/filmes/trifonia",
430
-          "videoUrl" : "fIEXEIOyh9Q",
431
-          "videoType": "youtube"
432
-        },
433
-        {
434
-          "title" : "Animações",
435
-          "link"    : "submenu",
436
-          "submenu" :
437
-          [
438
-            {
439
-              "title"    : "Video 1",
440
-              "link"     : "/filmes/animacao-01",
441
-              "videoUrl" : "content/videos/anim_01.mov",
442
-              "videoType": "file"
443
-            }
444
-          ]
445
-        }
446
-      ]
32
+      "title"  : "High Effects Drones",
33
+      "link"   : "/portfolio/drones",
34
+      "content": "<p><span>Sobre o projeto de drones da High Effects.<span></p>",
35
+      "bg_index" : 1
447 36
     },
448 37
     {
449
-      "title" : "Resenhas Críticas",
450
-      "link"  : "submenu",
451
-      "submenu" :
452
-      [
453
-        {
454
-          "title"    : "Dois grafonautas, emancipando a letra",
455
-          "link"     : "/slideshow/dois-grafonautas-emancipando-a-letra",
456
-          "slides"  :
457
-          [
458
-            {
459
-              "title" : "",
460
-              "url"   : "content/images/dois-grafonautas.jpg"
461
-            }
462
-          ]
463
-        },
464
-        {
465
-          "title"    : "Coletiva vai do lirismo à ironia",
466
-          "link"     : "/slideshow/coletivo-vai-do-lirismo-a-ironia",
467
-          "slides"  :
468
-          [
469
-            {
470
-              "title" : "",
471
-              "url"   : "content/images/lirismo-a-ironia.jpg"
472
-            }
473
-          ]
474
-        },
475
-        {
476
-          "title"    : "O artesanato literário de Go",
477
-          "link"     : "/slideshow/artesanato-literario",
478
-          "slides"  :
479
-          [
480
-            {
481
-              "title" : "",
482
-              "url"   : "content/images/artesanato-literario.jpg"
483
-            }
484
-          ]
485
-        },
486
-        {
487
-          "title"    : "J. T. Brum",
488
-          "link"     : "/slideshow/jt-brum",
489
-          "slides"  :
490
-          [
491
-            {
492
-              "title" : "",
493
-              "url"   : "content/images/jt-brum.jpg"
494
-            }
495
-          ]
496
-        },
497
-        {
498
-          "title"    : "Go e Arnaldo - Caligrafias",
499
-          "link"     : "/slideshow/go-e-arnaldo-caligrafias",
500
-          "slides"  :
501
-          [
502
-            {
503
-              "title" : "",
504
-              "url"   : "content/images/go-e-arnaldo-1.jpg"
505
-            },
506
-            {
507
-              "title" : "",
508
-              "url"   : "content/images/parece-mas-nao-e.jpg"
509
-            },
510
-            {
511
-              "title" : "",
512
-              "url"   : "content/images/go-e-arnaldo-2.jpg"
513
-            },
514
-            {
515
-              "title" : "",
516
-              "url"   : "content/images/parece-mas-e.jpg"
517
-            }
518
-          ]
519
-        }
520
-      ]
38
+      "title"  : "Star Fighter",
39
+      "link"   : "/portfolio/star-fighter",
40
+      "content": "<p><span>Sobre o jogo Star Fighter.<span></p>",
41
+      "bg_index" : 4
521 42
     },
522 43
     {
523
-      "title"  : "Contato",
524
-      "link"   : "/contato",
525
-      "content": "<p><span>Entre em contato através do email <a href=\"mailto:cometogo2@gmail.com\">cometogo2@gmail.com</a> ou deixe uma mensagem:<span></p>"
44
+      "title"  : "Golpe do Pilantra",
45
+      "link"   : "/portfolio/golpe-do-pilantra",
46
+      "content": "<p><span>Sobre o curta metragem \"Golpe do Pilantra\".<span></p>",
47
+      "bg_index" : 2
48
+    },
49
+    {
50
+      "title"  : "Fashion Films",
51
+      "link"   : "/portfolio/fashin-films",
52
+      "content": "<p><span>Sobre os videos de mode para as marcas Aha e Phenomena.<span></p>",
53
+      "bg_index" : 1
526 54
     }
527 55
   ]
528 56
 }

+ 6 - 14
app/index.html

@@ -59,22 +59,14 @@
59 59
     </fa-app>
60 60
   </div>
61 61
 
62
-  <div ng-controller='NavigationController' class="layer-menu">
62
+  <div ng-controller='NavigationController' class="layer-menu" ng-mouseover="leaveLink()">
63
+    <img src="content/images/james_peret_logo_black.png" style="float: left; margin-left: 25px; margin-bottom: 15px; width: 250px; background-color: white; padding: 4px;">
63 64
     <ul class="nav-menu">
64
-      <li ng-repeat="item in navigation" class='fx-fade-normal fx-speed-1000'>
65
-        <a ng-click="btnNavclick($index)" class="btn-menu">{{item.title}}</a>
66
-      </li>
67
-    </ul>
68
-    <ul class="nav-menu submenu">
69
-      <li ng-repeat="item in subNavigation" class='fx-fade-normal fx-speed-200'>
70
-        <a ng-click="btnSubNavclick($index)" class="btn-menu">{{item.title}}</a>
71
-      </li>
72
-    </ul>
73
-    <ul class="nav-menu submenu">
74
-      <li ng-repeat="item in sub2Navigation" class='fx-fade-normal fx-speed-200'>
75
-        <a ng-click="btnSub2Navclick($index)" class="btn-menu">{{item.title}}</a>
76
-      </li>
65
+      <a ng-repeat="item in navigation" class='fx-fade-normal fx-speed-1000 btn-menu' ng-click="btnNavclick($index)" ng-mouseover="hoverLink(item.bg_index)" >
66
+        {{item.title}}
67
+      </a>
77 68
     </ul>
69
+
78 70
   </div>
79 71
 
80 72
   <div ui-view></div>

+ 1 - 1
app/scripts/app.js

@@ -56,7 +56,7 @@ angular
56 56
       controller: 'VideoController'
57 57
     })
58 58
     .state('text', {
59
-      url: "/textos/:texto",
59
+      url: "/portfolio/:id",
60 60
       templateUrl: "views/page.html",
61 61
       controller: 'PageController'
62 62
     })

+ 62 - 21
app/scripts/controllers/background.js

@@ -11,6 +11,9 @@ angular.module('goApp.background', ['famous.angular', 'goApp.data'])
11 11
 
12 12
     'use strict';
13 13
 
14
+    $scope.videoList = [];
15
+    $scope.current_video_index = 0;
16
+
14 17
     // Functions
15 18
 
16 19
     $scope.loadBackgroundData = function() {
@@ -28,8 +31,25 @@ angular.module('goApp.background', ['famous.angular', 'goApp.data'])
28 31
       });
29 32
     };
30 33
 
34
+    $rootScope.$on('change-bg-video', function(data, index) {
35
+      if(!$scope.$$phase) {
36
+        $scope.$apply(function(){
37
+          $scope.playVideo(index);
38
+        });
39
+      } else {
40
+        $scope.playVideo(index);
41
+      }
42
+    });
43
+
44
+    $scope.playVideo = function(index){
45
+      $scope.current_video_index = index;
46
+      console.log("switching to video " + index + ": " + $scope.videoList[$scope.current_video_index])
47
+      $scope.lightbox.show($scope.videoList[$scope.current_video_index]);
48
+    }
49
+
31 50
     $scope.preload = function() {
32
-      $scope.current_video = $scope.videos[$scope.randomIntFromInterval(0,$scope.videos.length)];
51
+      $scope.current_video = $scope.videos[0];
52
+      console.log($scope.videos);
33 53
       console.log("> Preloading video: " + $scope.current_video);
34 54
       var preload = new createjs.LoadQueue();
35 55
       preload.addEventListener("complete", handleFileComplete);
@@ -39,7 +59,7 @@ angular.module('goApp.background', ['famous.angular', 'goApp.data'])
39 59
       preload.loadFile($scope.current_video);
40 60
       function handleFileComplete(event) {
41 61
           console.log("> Preload Complete");
42
-          $scope.startBackgroundVideo();
62
+          $scope.createBackgroundVideos();
43 63
           $timeout(function(){
44 64
             $rootScope.$broadcast('background:loaded');
45 65
           },1000);
@@ -50,35 +70,56 @@ angular.module('goApp.background', ['famous.angular', 'goApp.data'])
50 70
         return Math.floor(Math.random()*(max-min+1)+min);
51 71
     };
52 72
 
53
-    $scope.startBackgroundVideo = function() {
54
-      console.log("> Playing background video");
55
-      var video = new VideoSurface({
56
-          size: [undefined, undefined],
57
-          autoplay: true,
58
-          src: $scope.current_video,
59
-          classes: ['bg_video'],
60
-          properties: {
61
-              zIndex: 1,
62
-          }
63
-      });
64
-      video.setAttributes({ loop: '' });
65
-      var videoModifier = new Modifier();
66
-      videoModifier.transformFrom(function(){
67
-          //transform: Transform.translate(0, 0, 0);
68
-          Transform.translate(0, 0, 0);
69
-      });
70
-      $scope.backgroundView.add(videoModifier).add(video);
73
+    $scope.createBackgroundVideos = function() {
74
+      console.log("> Creating videos:");
75
+      for (var i = 0; i < $scope.videos.length; i++) {
76
+        $scope.videos[i]
77
+        console.log("> adding video " + $scope.videos[i]);
78
+        var video = new VideoSurface({
79
+            size: [undefined, undefined],
80
+            autoplay: true,
81
+            src: $scope.videos[i],
82
+            classes: ['bg_video'],
83
+            properties: {
84
+                zIndex: 1,
85
+            }
86
+        });
87
+        video.setAttributes({ loop: '' });
88
+        var videoModifier = new Modifier();
89
+        videoModifier.transformFrom(function(){
90
+            //transform: Transform.translate(0, 0, 0);
91
+            Transform.translate(0, 0, 0);
92
+        });
93
+        var newView = new View();
94
+        newView.add(videoModifier).set(video);
95
+        $scope.videoList.push(newView);
96
+      }
97
+      var lightboxOpts = {
98
+  			inTransform: Transform.translate(0, 0, 0),
99
+  			outTransform: Transform.translate(0, 0, 1),
100
+  			inTransition: { duration: 1 },
101
+  			outTransition: { duration: 1 },
102
+  			inOpacity: 1,
103
+  			outOpacity: 1,
104
+  			overlap: false
105
+  		}
106
+      $scope.lightbox.setOptions(lightboxOpts);
107
+      $scope.lightbox.show($scope.videoList[$scope.current_video_index]);
108
+      $scope.backgroundView.add($scope.lightbox);
71 109
     };
72 110
 
73
-    // Start Background Controller
74 111
 
75 112
     var View = $famous['famous/core/View'];
76 113
     var Modifier = $famous['famous/core/Modifier'];
77 114
     var Surface = $famous['famous/core/Surface'];
78 115
     var Transform = $famous['famous/core/Transform'];
79 116
     var VideoSurface = $famous['famous/surfaces/VideoSurface'];
117
+    var Lightbox = $famous['famous/views/Lightbox'];
80 118
     $scope.backgroundView = new View();
119
+    $scope.lightbox = new Lightbox();
81 120
 
82 121
     $scope.loadBackgroundData();
83 122
 
123
+
124
+
84 125
   }]);

+ 8 - 0
app/scripts/controllers/navigation.js

@@ -28,6 +28,14 @@ angular.module('goApp.navigation', ['famous.angular', 'ngRoute', 'ngFx', 'ngAnim
28 28
     $scope.last_click = "";
29 29
     $scope.last_click2 = "";
30 30
 
31
+    $scope.hoverLink = function(index) {
32
+      $rootScope.$broadcast('change-bg-video', index);
33
+    }
34
+
35
+    $scope.leaveLink = function() {
36
+      $rootScope.$broadcast('change-bg-video', 0);
37
+    }
38
+
31 39
     $scope.btnNavclick = function(index){
32 40
       if($scope.navigation[index].link == 'submenu') {
33 41
         if($scope.last_click != $scope.navigation[index].title){

+ 15 - 14
app/styles/main.css

@@ -83,12 +83,11 @@ body {
83 83
 /* Navigation */
84 84
 .nav-menu {
85 85
   list-style: none;
86
-  padding-left: 15px;
87
-  float: left;
86
+  padding-left: 25px;
87
+  width: 200px;
88 88
 }
89 89
 .nav-menu li {
90
-  padding-left: 0px;
91
-    margin-top: 2px;
90
+  margin-top: 2px;
92 91
 }
93 92
 
94 93
 .submenu {
@@ -97,22 +96,24 @@ body {
97 96
 }
98 97
 
99 98
 .btn-menu {
100
-  color: black;
101
-  border: none;
99
+  float: left;
102 100
   text-transform: uppercase;
103
-  background-color: white;
104
-  font-size: 14px;
101
+  background-color: none;
102
+  font-size: 16px;
105 103
   font-family: Helvetica;
104
+  padding-top: 2px;
105
+  padding-bottom: 1px;
106
+  padding-right: 3px;
107
+  padding-left: 3px;
108
+  margin: 0px;
109
+  margin-bottom: 0px;
110
+  color: black;
111
+  background-color: white;
106 112
   text-align: left;
107 113
   font-weight: 600;
108
-  margin-left: 0px;
109
-  margin-right: 8px;
110
-  margin-bottom: 15px;
111 114
   cursor: pointer;
112 115
   text-decoration: none;
113
-  padding-top: 1px;
114
-  padding-right: 1px;
115
-  padding-left: 1px;
116
+
116 117
 }
117 118
 .btn-menu:hover {
118 119
   color: white;

+ 11 - 6
readme.md

@@ -1,8 +1,13 @@
1
-# Portfolio Go
1
+# Portfolio James Peret v2
2 2
 
3
-### Páginas retiradas
3
+This is the code repository of james peret's portfolio v2 created in 09/2015.
4 4
 
5
-* curriculo
6
-* Fotos
7
-* filmes/performances
8
-* filmes/sonho contra sono
5
+## Works
6
+
7
+* Vitrine Endossa
8
+* Avalanche Network
9
+* Solar Wave
10
+* HE Quadcoptero
11
+* Star Fighter
12
+* Aurora do Pilantra
13
+* Videos Moda